<template>
  <div class="">{{ modelValue }}</div>
  <button @click="emit('changeValue', modelValue + 1)">修改count</button>
</template>

<script setup lang="ts">
import { defineProps, defineEmits } from 'vue'
defineProps<{
  // Number是ts内置的类型它实际上是一个对象，而不是一个原始类型,因此在 fn 函数中对 count 进行自增操作时会报错
  //因为 count 是一个对象，不能进行算术操作
  modelValue: number
}>()

const emit = defineEmits<{ (e: 'changeValue', count: number): void }>()
</script>

<style lang="scss" scoped></style>
